.featured-metrics-page__header {
    margin-bottom: 16px;
    input {
        align-self: flex-start;
        max-width: 500px;
        flex-grow: 1;
    }
    .featured-metrics-page__explanation {
        max-width: 500px;
        flex-grow: 2;
        .ant-collapse-header {
            padding: 2px 4px;
        }
        .ant-collapse-header-text {
            white-space: nowrap;
        }
    }
}

.featured-metrics-page-section {
    background-color: #f5f5f5;
    padding: 16px;
    margin-bottom: 24px;
}

.featured-metrics-page-section__heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.featured-metrics-page-section__add-featured-metric {
    margin-top: 16px;
    gap: 16px;

    input {
        max-width: 500px;
    }
}

.featured-metrics-page-list__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}

.featured-metrics-page-list__ol {
    margin-left: 0;
    padding-left: 0;
}

.featured-metrics-page-list__item {
    list-style: none;
    margin: 4px 0;

    &:nth-child(odd) {
        background-color: #fafafa;
    }

    a {
        color: #577291;
        line-break: anywhere;
    }
}

.featured-metrics-page-section__error-notice {
    margin-bottom: 0;
    line-height: 32px;
    color: red;
    span {
        font-family: monospace;
    }
}
